<%--
  Created by IntelliJ IDEA.
  User: food
  Date: 2022/11/1
  Time: 3:54 下午
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
<footer class="" style="background-color: #232323;">
    <!-- 底部-媒体报道 -->
    <div class=" contaner-fluid p-0" style="height: 700px;background-color: #232323;">
        <div class="container-fluid  p-0 m-0">
            <div class=" text-white small text-center p-5 ">媒体报道</div>
            <div class="container-fluid " style="width:70%">
                <div class="row align-self-sm-center ">
                    <div class="col p-2 m-0 mx-auto d-block img-fluid btn"><img src="../../assets/images/images/1.jpg" alt=""></div>
                    <div class="col p-2 mx-auto d-block img-fluid btn"><img src="../../assets/images/images/2.jpg" alt=""></div>
                    <div class="col p-2 mx-auto d-block img-fluid btn"><img src="../../assets/images/images/3.jpg" alt=""></div>
                    <div class="col p-2 mx-auto d-block img-fluid btn"><img src="../../assets/images/images/4.jpg" alt=""></div>
                    <div class="col p-2 m-0 mx-auto d-block img-fluid btn"><img src="../../assets/images/images/5.jpg" alt=""></div>
                    <div class="col p-2 m-0 mx-auto d-block img-fluid btn"><img src="../../assets/images/images/6.jpg" alt=""></div>
                    <div class="col p-2 m-0 mx-auto d-block img-fluid btn"><img src="../../assets/images/images/7.jpg" alt=""></div>
                </div>
            </div>
        </div>
        <!-- 底部-免费订阅SINGULART周刊 -->
        <div class=" mt-5 ">
            <!-- 背景图片设置在第二个大盒子里面，用cover实现覆盖 -->
            <div class="container-fluid"
                 style="background-image:url('../assets/images/images/images/18.jpg');background-repeat: no-repeat;background-size: cover;">
                <div class="row text-center">
                </div>
                <div class="col-lg-5 col-md-5 text-center m-auto pt-5 ">
                    <i class="text-center m-3">
                        <!-- 邮件图标 -->
                        <svg xmlns="http://www.w3.org/2000/svg" width="70" height="" fill="currentColor"
                             class="bi bi-collection" style="color: #d5a770;width:60px;height:60px;"
                             viewBox="0 0 16 16">
                            <path
                                    d="M2.5 3.5a.5.5 0 0 1 0-1h11a.5.5 0 0 1 0 1h-11zm2-2a.5.5 0 0 1 0-1h7a.5.5 0 0 1 0 1h-7zM0 13a1.5 1.5 0 0 0 1.5 1.5h13A1.5 1.5 0 0 0 16 13V6a1.5 1.5 0 0 0-1.5-1.5h-13A1.5 1.5 0 0 0 0 6v7zm1.5.5A.5.5 0 0 1 1 13V6a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-.5.5h-13z" />
                        </svg>
                    </i>
                    <!--免费订阅SINGULART周刊 -->
                    <div class="h3 text-white text-center m-auto ">
                        免费订阅SINGULART周刊
                    </div>
                </div>
                <!-- 邮件地址表单 -->
                <div class="col-lg-5 col-md-5 col-sm-6 col-xs-offset-0 m-auto ">
                    <form name="nl_banner" method="post" action="/zh/newsletter/signup/nl_banner"
                          class="text-center">
                        <!-- 表格 -->
                        <div class="form-group"><label class="" for="nl_banner_email"></label> <input type="email"
                                                                                                      id="nl_banner_email" name="nl_banner[email]" required="required" placeholder="邮箱地址"
                                                                                                      class="form-control">
                        </div>


                        <!-- 设置ok按钮 -->
                        <button type="submit" class="btn text-white mt-2 mb-5"
                                style="background-color: #d5a770;width:120px;height:44px;">OK <i
                                class="icon icon-ico-arrow-new-right"><svg class="text-white m-auto"
                                                                           style="width: 19px;height:19px;" xmlns="http://www.w3.org/2000/svg" width="19"
                                                                           height="19" fill="currentColor" class="bi bi-arrow-right" viewBox="0 0 16 16">
                            <path fill-rule="evenodd"
                                  d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z" />
                        </svg></i></button>
                        <div class="clear"></div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    </div>
    <!-- 底部-精选艺术家 -->
    <div>
        <div class="row m-auto container">
            <div class="col-md-3 col-xs-6 col-sm-6">
                <div class="text-center p-2"><i class="icon icon-ico-selection">
                    <svg style="color: #d5a770;width: 50px;height:50px;" xmlns="http://www.w3.org/2000/svg"
                         width="16" height="16" fill="currentColor" class="bi bi-disc" viewBox="0 0 16 16">
                        <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z" />
                        <path
                                d="M10 8a2 2 0 1 1-4 0 2 2 0 0 1 4 0zM8 4a4 4 0 0 0-4 4 .5.5 0 0 1-1 0 5 5 0 0 1 5-5 .5.5 0 0 1 0 1zm4.5 3.5a.5.5 0 0 1 .5.5 5 5 0 0 1-5 5 .5.5 0 0 1 0-1 4 4 0 0 0 4-4 .5.5 0 0 1 .5-.5z" />
                    </svg></i></div>
                <div class=" text-white text-center p-2">精选艺术家</div>
                <div class="desc text-center" style="color: #9d9d9d;">来自五湖四海的艺术家</div>
            </div>
            <div class="col-md-3 col-xs-6 col-sm-6">
                <div class="text-center p-2"><i class="icon icon-ico-shipping"><svg
                        style="color: #d5a770;width: 50px;height:50px;" xmlns="http://www.w3.org/2000/svg"
                        width="16" height="16" fill="currentColor" class="bi bi-compass" viewBox="0 0 16 16">
                    <path
                            d="M8 16.016a7.5 7.5 0 0 0 1.962-14.74A1 1 0 0 0 9 0H7a1 1 0 0 0-.962 1.276A7.5 7.5 0 0 0 8 16.016zm6.5-7.5a6.5 6.5 0 1 1-13 0 6.5 6.5 0 0 1 13 0z" />
                    <path d="m6.94 7.44 4.95-2.83-2.83 4.95-4.949 2.83 2.828-4.95z" />
                </svg></i></div>
                <div class="text-white text-center p-2">全球免费邮送</div>
                <div class="desc text-center" style="color: #9d9d9d;">专业物流三至四周到货</div>
            </div>
            <div class="col-md-3 col-xs-6 col-sm-6">
                <div class="text-center  p-2"><i class="icon icon-ico-box">
                    <svg style="color: #d5a770;width: 50px;height:50px;" xmlns="http://www.w3.org/2000/svg"
                         width="16" height="16" fill="currentColor" class="bi bi-box" viewBox="0 0 16 16">
                        <path
                                d="M8.186 1.113a.5.5 0 0 0-.372 0L1.846 3.5 8 5.961 14.154 3.5 8.186 1.113zM15 4.239l-6.5 2.6v7.922l6.5-2.6V4.24zM7.5 14.762V6.838L1 4.239v7.923l6.5 2.6zM7.443.184a1.5 1.5 0 0 1 1.114 0l7.129 2.852A.5.5 0 0 1 16 3.5v8.662a1 1 0 0 1-.629.928l-7.185 2.874a.5.5 0 0 1-.372 0L.63 13.09a1 1 0 0 1-.63-.928V3.5a.5.5 0 0 1 .314-.464L7.443.184z" />
                    </svg></i></div>
                <div class="text-white text-center p-2">免费返品</div>
                <div class="desc text-center" style="color: #9d9d9d;">收到作品14天内免费返品</div>
            </div>
            <div class="col-md-3 col-xs-6 col-sm-6">
                <div class="text-center  p-2"><i class="icon icon-ico-secure"><svg
                        style="color: #d5a770;width: 50px;height:50px;"
                        style="color: #d5a770;width: 50px;height:50px;" xmlns="http://www.w3.org/2000/svg"
                        width="16" height="16" fill="currentColor" class="bi bi-currency-yen"
                        viewBox="0 0 16 16">
                    <path
                            d="M8.75 14v-2.629h2.446v-.967H8.75v-1.31h2.445v-.967H9.128L12.5 2h-1.699L8.047 7.327h-.086L5.207 2H3.5l3.363 6.127H4.778v.968H7.25v1.31H4.78v.966h2.47V14h1.502z" />
                </svg></i></div>
                <div class="text-white text-center  p-2">安全支付方式</div>
                <div class="desc text-center pb-5" style="color: #9d9d9d;">信用卡或转账支付</div>
            </div>
        </div>
    </div>
    <!-- 底部-支付方式 -->
    <div class="row m-0">
        <div class="col-md-12">
            <div class="text-center mt-5 justify-content-center flex-wrap  align-items-center "
                 style="display: flex;opacity: .7;">
                <div class="card card-visa border-0" style="width:53px;height:19px;margin:0 10px 15px;">
                    <img src="../../assets/images/images/16.jpg" alt="">
                </div>
                <div class="card card-mastercard border-0" style="width:48px;height:30px;margin:0 10px 15px;">
                    <img src="../../assets/images/images/15.jpg" alt="">
                </div>
                <div class="card card-american  border-0" style="width:71px;height:28px;margin:0 10px 15px;">
                    <img src="../../assets/images/images/14.jpg" alt="">
                </div>
                <div class="card card-paypal  border-0" style="width:53px;height:19px;margin:0 10px 15px;">
                    <img src="../../assets/images/images/17.jpg" alt="">
                </div>
                <div class="card card-3x-zh  border-0" style="width:86px;height:40px;margin:0 10px 15px;">
                    <img src="../../assets/images/images/345.jpg" alt="">
                </div>
                <div class="card card-bitcoins  border-0" style="width:28px;height:29px;margin:0 10px 15px;">
                    <img src="../../assets/images/images/10.jpg" alt="">
                </div>
                <div class="card card-alipay  border-0" style="width:78px;height:27px;margin:0 10px 15px;">
                    <img src="../../assets/images/images/11.jpg" alt="">
                </div>
                <div class="card card-sofort  border-0" style="width:43px;height:30px;margin:0 10px 15px;">
                    <img src="../../assets/images/images/13.jpg" alt="">
                </div>
            </div>
        </div>
    </div>
    <!-- 底部-文字介绍 -->
    <div class=" contaner-fluid p-0 m-0" style="background-color: #232323;color: #9d9d9d;">
        <div class="m-auto" style="width:80%">
            <hr>
            <div class="text-white text-center p-2">您的线上画廊：在Singulart购买艺术品</div>
            <div class=" p-2 small"><strong>让收藏艺术变得简单容易</strong>：SINGULART是一<strong>家当代艺术的线上画廊</strong>消费者和收藏家们可在此
                <strong>购买来自世界各地 </strong> 的艺术家们的原创作品。 在这里我们有 <a class=" text-decoration-none small"
                                                                 style="color: #9d9d9d;" href="/en/painting/abstract">抽象派帆布画</a>,讽喻画作, 各种绘画涂鸦甚至街头艺术,
                作品风格迥异，技术多样，集世界各国之大成。SINGULART也在帮助 <a class=" text-decoration-none small" style="color: #9d9d9d;"
                                                      href="/en/collection/singulart-s-emerging-artists-40">世界各地的</a> 新兴艺术家，致力于将他们的作品带给大众。
            </div>
            <div class="text-white  text-center small p-2">网上轻松购买保质保量的艺术摄影和画作</div>
            <p class="small">为什么在线购买艺术品？因为我们 <strong>按照严格标准</strong>精心挑选来自世界各地的艺术家。遴选标准包括: 举办展览次数, 艺术家居住地,
                获得奖项及其作品被收藏度。我们全权负责海关和运送，以及作品的装框，让您在SINGULART度过的时间优雅而轻松。
            </p>
            <div class="text-white text-center small p-2">SINGULART, 一家将当代艺术品带给所有人的在线画廊</div>
            <p class="small pb-5">
                SINGULART相信在数字时代我们可以将艺术带向全世界，每个人都能找到并购得心爱的艺术--不管其来自于非洲的一位新兴艺术家，抑或是法国一位已经颇有名望的画家，甚至是 <a
                    class=" text-decoration-none" style="color: #9d9d9d;"
                    href="/en/painting/street-art">一名街头艺术者。</a>.
            </p>
        </div>
    </div>
    <!-- 底部-声明-图标 -->
    <div class="bd-footer py-5 m-0 bg-black">
        <div class="container py-5 m-auto">
            <div class="row">
                <div class="col-lg-3 mb-3 p-lg-5 m-lg-0">
                    <a class="d-inline-flex align-items-center mb-2 link-dark text-decoration-none" href="/"
                       aria-label="Bootstrap">
                        <svg xmlns="http://www.w3.org/2000/svg" width="140" height="140" fill="currentColor"
                             class="bi bi-spotify" viewBox="0 0 16 16">
                            <path
                                    d="M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0zm3.669 11.538a.498.498 0 0 1-.686.165c-1.879-1.147-4.243-1.407-7.028-.77a.499.499 0 0 1-.222-.973c3.048-.696 5.662-.397 7.77.892a.5.5 0 0 1 .166.686zm.979-2.178a.624.624 0 0 1-.858.205c-2.15-1.321-5.428-1.704-7.972-.932a.625.625 0 0 1-.362-1.194c2.905-.881 6.517-.454 8.986 1.063a.624.624 0 0 1 .206.858zm.084-2.268C10.154 5.56 5.9 5.419 3.438 6.166a.748.748 0 1 1-.434-1.432c2.825-.857 7.523-.692 10.492 1.07a.747.747 0 1 1-.764 1.288z" />
                        </svg>
                    </a>
                </div>
                <!-- 底部-声明-客户服务-列表 -->
                <div class="col-8 col-lg-3 offset-lg-1 mb-3 ">
                    <h5 class="text-white">客户服务</h5>
                    <ul class="list-unstyled text-secondary small m-0 p-0">
                        <li class="mb-0"><a class="text-secondary" href="/" style="text-decoration:none;">联系我们</a>
                        </li>
                        <li class="mb-0"><a class="text-secondary" href="/docs/5.1/"
                                            style="text-decoration:none;">法律声明</a></li>
                        <li class="mb-0"><a class="text-secondary" href="/docs/5.1/examples/"
                                            style="text-decoration:none;">一般条例</a></li>
                        <li class="mb-0"><a class="text-secondary" href="https://themes.getbootstrap.com/"
                                            style="text-decoration:none;">客户评价</a></li>
                        <li class="mb-0"><a class="text-secondary" href="https://blog.getbootstrap.com/"
                                            style="text-decoration:none;">Offer a Gift Card</a></li>
                        <li class="mb-0"><a class="text-secondary" href="https://blog.getbootstrap.com/"
                                            style="text-decoration:none;">获取我的USD$200抵用券</a></li>
                        <li class="mb-0"><a class="text-secondary" href="https://blog.getbootstrap.com/"
                                            style="text-decoration:none;">我的账户</a></li>
                        <li class="mb-0"><a class="text-secondary" href="https://blog.getbootstrap.com/"
                                            style="text-decoration:none;">办公室艺术品</a></li>
                        <li class="mb-0"><a class="text-secondary" href="https://blog.getbootstrap.com/"
                                            style="text-decoration:none;">设计师艺术品</a></li>
                        <li class="mb-0">
                            <a class="text-secondary" href="https://blog.getbootstrap.com/"
                               style="text-decoration:none;">
                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                                     class="bi bi-telephone" viewBox="0 0 16 16">
                                    <path
                                            d="M3.654 1.328a.678.678 0 0 0-1.015-.063L1.605 2.3c-.483.484-.661 1.169-.45 1.77a17.568 17.568 0 0 0 4.168 6.608 17.569 17.569 0 0 0 6.608 4.168c.601.211 1.286.033 1.77-.45l1.034-1.034a.678.678 0 0 0-.063-1.015l-2.307-1.794a.678.678 0 0 0-.58-.122l-2.19.547a1.745 1.745 0 0 1-1.657-.459L5.482 8.062a1.745 1.745 0 0 1-.46-1.657l.548-2.19a.678.678 0 0 0-.122-.58L3.654 1.328zM1.884.511a1.745 1.745 0 0 1 2.612.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.678.678 0 0 0 .178.643l2.457 2.457a.678.678 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.634 18.634 0 0 1-7.01-4.42 18.634 18.634 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877L1.885.511z" />
                                </svg> +33 176440642</a>
                        </li>
                    </ul>
                </div>
                <!-- 底部-声明-我们是谁-列表 -->
                <div class="col-8 col-lg-2 mb-3 ">
                    <h5 class="text-white">我们是谁？</h5>
                    <ul class="list-unstyled small">
                        <li class="mb-0"><a class="text-secondary" href="/docs/5.1/getting-started/"
                                            style="text-decoration:none;">关于我们</a></li>
                        <li class="mb-0"><a class="text-secondary" href="/docs/5.1/examples/starter-template/"
                                            style="text-decoration:none;">我们的艺术家</a></li>
                        <li class="mb-0"><a class="text-secondary" href="/docs/5.1/getting-started/webpack/"
                                            style="text-decoration:none;">杂志</a></li>
                        <li class="mb-0"><a class="text-secondary" href="/docs/5.1/getting-started/parcel/"
                                            style="text-decoration:none;">团队</a></li>
                        <li class="mb-0"><a class="text-secondary" href="/docs/5.1/getting-started/parcel/"
                                            style="text-decoration:none;">我们的遴选标准</a></li>
                        <li class="mb-0"><a class="text-secondary" href="/docs/5.1/getting-started/parcel/"
                                            style="text-decoration:none;">常见问题</a></li>
                        <li class="mb-0"><a class="text-secondary" href="/docs/5.1/getting-started/parcel/"
                                            style="text-decoration:none;">联系方式</a></li>

                    </ul>
                </div>
                <!-- 底部-声明-艺术家-列表 -->
                <div class="col-8 col-lg-3 mb-0">
                    <h5 class="text-white">你是一个艺术家么？</h5>
                    <ul class="list-unstyled small">
                        <li class="mb-2 "><a class="text-secondary" href="https://github.com/twbs/bootstrap"
                                             style="text-decoration:none;">如何加入SINGULART</a>
                            <hr class="bg-secondary">
                        </li>
                        <li class="mb-2" style="padding:10px 10px 10px 0px;"><a class="text-secondary"
                                                                                href="https://github.com/twbs/bootstrap/tree/v4-dev"
                                                                                style="text-decoration:none;">沪ICP备15013228号-17<br>
                            <span><img src="../../assets/images/images/8.png" alt="">
                                    </span>沪公网安备31010402004774号</a></li>
                        <li class="mb-2"><a class="text-secondary text-white" href="https://github.com/twbs/icons"
                                            style="text-decoration:none;">精选艺术家：</a></li>
                        <li class="mb-0"><a class="text-secondary" href="https://github.com/twbs/rfs"
                                            style="text-decoration:none;">Kirstin Mccoy</a></li>
                        <li class="mb-0"><a class="text-secondary"
                                            href="https://github.com/twbs/bootstrap-npm-starter"
                                            style="text-decoration:none;">Josep Moncada</a></li>
                        <li class="mb-0"><a class="text-secondary"
                                            href="https://github.com/twbs/bootstrap-npm-starter"
                                            style="text-decoration:none;">Ivan Pili</a></li>
                        <li class="mb-0"><a class="text-secondary"
                                            href="https://github.com/twbs/bootstrap-npm-starter"
                                            style="text-decoration:none;">Kristin Kossi</a></li>
                        <li class="mb-0"><a class="text-secondary"
                                            href="https://github.com/twbs/bootstrap-npm-starter"
                                            style="text-decoration:none;">Peter Nottrott</a></li>
                    </ul>
                </div>
            </div>
            <!-- 底部-声明-评价 -->
            <div class="container text-white small">
                <hr class="">
                <div><a class="small text-decoration-none text-white"> 在2464份售后跟踪调查中,
                    Singulart获得了9.8分（满分10分）的高分好评</a>
                    <i class=" btn-outline-warning p-md-2 m-lg-1"><svg xmlns="http://www.w3.org/2000/svg" width="20"
                                                                       height="20" fill="currentColor" class="bi bi-star-fill" viewBox="0 0 16 16">
                        <path
                                d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                    </svg></i>
                    <i class=" btn-outline-warning p-md-2"><svg xmlns="http://www.w3.org/2000/svg" width="20"
                                                                height="20" fill="currentColor" class="bi bi-star-fill" viewBox="0 0 16 16">
                        <path
                                d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                    </svg></i>
                    <i class=" btn-outline-warning p-md-2"><svg xmlns="http://www.w3.org/2000/svg" width="20"
                                                                height="20" fill="currentColor" class="bi bi-star-fill" viewBox="0 0 16 16">
                        <path
                                d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                    </svg></i>
                    <i class=" btn-outline-warning p-md-2"><svg xmlns="http://www.w3.org/2000/svg" width="20"
                                                                height="20" fill="currentColor" class="bi bi-star-fill" viewBox="0 0 16 16">
                        <path
                                d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                    </svg></i>
                    <i class=" btn-outline-warning p-md-2"><svg xmlns="http://www.w3.org/2000/svg" width="20"
                                                                height="20" fill="currentColor" class="bi bi-star-fill" viewBox="0 0 16 16">
                        <path
                                d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                    </svg></i>

                    <span class="text-right float-end small">© 2019 SINGULART</span>
                </div>

            </div>
        </div>
    </div>

</footer>
</body>
</html>
